<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<p:dialog xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:pe="http://primefaces.org/ui/extensions"
	modal="true" width="660" height="500" resizable="false" 
	widgetVar="dialogListPerfil" id="listDialogPerfil"
	appendToBody="true">

	<link type="text/css" rel="stylesheet" href="../../resources/css/style.css" />
	
	<f:facet name="header">
		<h:outputText value="Consultar perfil"/>
	</f:facet>
	
	<h:form id="formListPerfil" prependId="false">
		<div style="margin-left:5%;">
			<p:messages autoUpdate="true"/>
			<h:panelGrid columns="8">
				<h:outputText value="Filtrar por:" />
								
				<p:inputText id="inputSearchFilterCod" style="width:50px;" value="#{usuarioBean.filterId}" title="Código" maxlength="15"
					onkeypress="if (event.keyCode == 13) { event.preventDefault();  $('#searchButton').click(); }">
					<pe:keyFilter regEx="/[\d]/" />
				</p:inputText>
				<p:watermark value="Código" for="inputSearchFilterCod"/>
				
				<p:inputText id="inputSearchFilter" style="width:250px;" value="#{usuarioBean.filter}" title="Perfil" maxlength="50"
					onkeypress="if (event.keyCode == 13) { event.preventDefault();  $('#searchButton').click(); }"/>
				<p:watermark value="Perfil" for="inputSearchFilter"/>
				
				<p:commandButton icon="ui-icon-search" title="Consultar" style="height:24px;" id="searchButton" update="@form" actionListener="#{usuarioBean.fillPerfilByFilter}"/>
				<p:commandButton icon="ui-icon-plus" style="height:24px;" title="Novo" actionListener="#{usuarioBean.openDialogAddPerfil}"/>
				<p:commandButton icon="ui-icon-check" title="Selecionar" actionListener="#{usuarioBean.addPerfil}" process="@this formListPerfil" style="height:24px;"/>
			</h:panelGrid>
			
			<div style="float:left; padding-top: 10px;">
				<p:dataTable id="tableListPerfil" value="#{usuarioBean.perfis}"
						var="perfil" selectionMode="single" style="width:545px" 					
						selection="#{usuarioBean.selectedPerfil}" rowKey="#{perfil.id}"
						paginator="true" rows="10" paginatorPosition="bottom"
						emptyMessage="Não há registros">
												
					<p:ajax event="rowDblselect" listener="#{usuarioBean.addPerfil}"/>
					
			        <p:column headerText="Código" style="width:80px;">  
			            <h:outputText value="#{perfil.id}" />
			        </p:column>  
			  
			        <p:column headerText="Perfil">  
			            <h:outputText value="#{perfil.perfil}" />  
			        </p:column>
			        
			        <p:column width="10">
						<p:commandButton icon="ui-icon-check" title="Selecionar" actionListener="#{usuarioBean.addPerfil(perfil.id)}" style="height:24px; width:24px;"/>
					</p:column>
		  		</p:dataTable>
			</div>
		</div>
	</h:form>
</p:dialog>